<template>
    <div class="yorha-hr-con">
        <div class="ball">
            <div></div>
        </div>
        <div class="stick"></div>
        <div class="ball">
            <div></div>
        </div>
    </div>
</template>

<script>
export default {
    name: "YorhaHr"
}
</script>

<style lang="less" scoped>
@import "../style";
.yorha-hr-con {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;

    &>.stick {
        width: 100%;
        height: 2px;
        background: @gray;
        margin: 7px 0;
    }
    &>.ball {
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        &>div {
            width: 4px;
            height: 4px;
            background: @gray;
        }
    }
}
</style>